<html>
<head>
<script type="text/javascript" src="js/new/dataTables.action.js"></script>
<style type="text/css">
.selected{
	background-color: #72A9D3 !important;
	background: #72A9D3 !important;

}
td{
	background: rgba(0, 0, 0, 0);
}
</style>
<script type="text/javascript">
$(function() {

	     ajaxurl = "server-side/report/test.action.php";		//server side folder url
		 tname	 = "report0";
		 fname   = "dialog";

		 tab              =  new tabs();
		 tab.tname        =  "datatable";
		 tab.get();

		 dialog0           =  new dialog();

		 datatable0        =  new datatable();
		 datatable0.dialog =  dialog0;		 
		 datatable0.total  =  [[8,'ლარი'],[9,'H', 'time']];
		 datatable0.table.serverSide	= true;
		 datatable0.get();

		 datatable1        =  new datatable();
		 datatable1.tname  =  "report1";
		 datatable1.total  =  [[8,'ლ'],[9,'H', 'time']];
		 datatable1.table.serverSide	= false;
		 datatable1.selected    = false;

		 getburttons          =   new getburttons();
		 getburttons.dialog   =   dialog0;
		 getburttons.datatable=   activetable;

		 picker0 = new picker();
		 picker0.name="search_start";
		 picker0.date="2015-01-19"
		 picker0.get();

		 picker1 = new picker();
		 picker1.name="search_end";
		 picker1.time=true;
		 picker1.param.dateFormat = "yy-mm-dd";
		 picker1.get();

		 $("#pdf").button()      .click(function( event ) {
		        param={};

	      });

});
</script>
<style>
table tr td:nth-child(11){
  	text-align: right;
  }
table tr td:nth-child(10){
  	text-align: right;
  }

</style>
</head>

<body>
      <div id="tabs" style="width: 1140px; margin: 0 auto; min-height: 768px;">
      <br />
		<ul>
			<li><a href="#tab-0">სერვერ</a></li>
			<li><a href="#tab-1">კლიენტ</a></li>
		</ul>
    <div id="dt_example" class="ex_highlight_row clear_box">
        <div id="container">
            <div id="dynamic">
            	<h2 align="center">პრინტერების ისტორია </h2>
            	  <div id="button_area">
	            	<div class="left" style="width: 250px;">
	            		<label for="search_start" class="left" style="margin: 5px 0 0 9px;">დასაწყისი</label>
	            		<input type="text" name="search_start" id="search_start" class="inpt right" style="padding: 0px !important; height: 25px !important;"/>
	            	</div>
	            	<div class="right" style="width: 250px;">
	            		<label for="search_end" class="left" style="margin: 5px 0 0 9px;">დასასრული</label>
	            		<input type="text" name="search_end" id="search_end" class="inpt right" style="padding: 0px !important; height: 25px !important;"/>
            		</div>            		
        			<button id="add_button">დამატება</button>
        			<button id="delete_button">წაშლა</button>
            	</div>

	  <br />
		<div id="tab-0">
		    <table class="display" id="report0">
                    <thead>
                        <tr id="datatable_header">
                            <th>ID</th>
                            <th style="width: 100px;">ტიპი</th>
                            <th style="width: 150px;">შტრიხკოდი</th>
                            <th style="width: 110px;">მოდელი</th>
                            <th style="width: 70px;">ბარათი</th>
                            <th style="width: 101px;">თარიღი</th>
                            <th style="width: 100%;">კლიენტი</th>
                            <th style="width: 155px;">შესრულებული<br>სამუშაო</th>
                            <th style="width: 100px;">თანხა</th>
                            <th style="width: 100px;">თვით-ბა</th>
                        </tr>
                    </thead>
                    <thead>
                        <tr class="search_header">
                            <th class="colum_hidden">

                            </th>
                            <th>
                                <input type="text" class="search_init" name="search_type" value="ფილტრი" />
                            </th>
                             <th>
                                <input type="text" class="search_init" name="search_type" value="ფილტრი"  />
                            </th>
                            <th>
                                <input type="text" class="search_init" name="search_code" value="ფილტრი"  />
                            </th>
                            <th>
                               <input type="text"  class="search_init" name="search_model" value="ფილტრი" />
                            </th>
                            <th>
                               <input type="text"  class="search_init" name="search_letter" value="ფილტრი" />
                            </th>
                            <th>
                                <input type="text"  class="search_init" name="search_date" value="ფილტრი" />
                            </th>
                            <th>
                                <input type="text"  class="search_init"  name="search_client" value="ფილტრი" />
                            </th>
                            <th>
                                <input type="text"  class="search_init" name="search_work" value="ფილტრი" />
                            </th>
                            <th>
                            </th>
                            <th>
                            </th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th><p align="right">ჯამი:<br/>სულ ჯამი:</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                        </tr>
                    </tfoot>
                </table>
         </div>


         <div id="tab-1">
                 <table class="display" id="report1">
                    <thead>
                        <tr id="datatable_header">
                            <th>ID</th>
                            <th style="width: 100px;">ტიპი</th>
                            <th style="width: 150px;">შტრიხკოდი</th>
                            <th style="width: 110px;">მოდელი</th>
                            <th style="width: 70px;">ბარათი</th>
                            <th style="width: 101px;">თარიღი</th>
                            <th style="width: 100%;">კლიენტი</th>
                            <th style="width: 155px;">შესრულებული<br>სამუშაო</th>
                            <th style="width: 100px;">თანხა</th>
                            <th style="width: 100px;">თვით-ბა</th>
                        </tr>
                    </thead>
                    <thead>
                        <tr class="search_header">
                            <th class="colum_hidden">

                            </th>
                            <th>
                                <input type="text" class="search_init" name="search_type" value="ფილტრი" />
                            </th>
                             <th>
                                <input type="text" class="search_init" name="search_type" value="ფილტრი"  />
                            </th>
                            <th>
                                <input type="text" class="search_init" name="search_code" value="ფილტრი"  />
                            </th>
                            <th>
                               <input type="text"  class="search_init" name="search_model" value="ფილტრი" />
                            </th>
                            <th>
                               <input type="text"  class="search_init" name="search_letter" value="ფილტრი" />
                            </th>
                            <th>
                                <input type="text"  class="search_init" name="search_date" value="ფილტრი" />
                            </th>
                            <th>
                                <input type="text"  class="search_init"  name="search_client" value="ფილტრი" />
                            </th>
                            <th>
                                <input type="text"  class="search_init" name="search_work" value="ფილტრი" />
                            </th>
                            <th>
                            </th>
                            <th>
                            </th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th><p align="right">ჯამი:<br/>სულ ჯამი:</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                        </tr>
                    </tfoot>
                </table>
                  <div>
               </div>
            </div>
            <div class="spacer">
            </div>
        </div>
    </div>
    </div>
    </div>

    <!-- jQuery Dialog -->
	<div id="dialog" class="form-dialog" title="ბარათები">
		<!-- aJax -->
	</div>
</body>
</html>